<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>VIDEO</title>
    <link rel="icon" href="/images/logo.ico">
    <script src="/js/jquery-3.3.1.min.js"></script>
</head>
<style type="text/css">
    body {
        margin: 0;
        font-family: sans-serif;
        overflow: hidden;
    }

    .video-content {
        padding: 40px;
        padding-top: 50px;
        padding-bottom: 0px;
    }
</style>
<script type="text/javascript">
    $(function () {
        var offsetH = $(document).height() - 100;
        $('#video').css('height', offsetH + 'px')
    })
</script>

<body style="height: 100vh" oncontextmenu=self.event.returnValue=false>
    <div id="wm_div_id" style="pointer-events: none !important; display: block !important"></div>
    <div class="video-content">
        <video id="video" width="100%"  style="border: 1px solid #333;" controls autoplay controlslist="nodownload">
            <source src="${textData}">
            </source>
        </video>
    </div>
    <script src="./js/watermark.js"></script>
    <script src="./js/index.js"></script>
</body>

</html>